// 1. 将正则提炼到了common.js中 validatData(username,password)

// 2.注册请求
async function registerData(requestBody) {
    try {
        let res = await axios({
            url: '/register',
            method: 'post',
            data: requestBody
        })

        // 响应数据判断
        pxmu.success(`用户【${requestBody.username}】注册成功，请登录`)
        setTimeout(() => {
            location.href = './login.html'
        }, 1000)

    } catch (err) {
        // 如果err.response.data.message有内容则显示，否则显示 '注册失败，请检查网络请求'
        pxmu.fail(err.response.data.message || '注册失败，请检查网络请求')
    }
}

// 3.给【注册按钮】注册点击事件
document.querySelector('#btn-register').addEventListener('click', function (e) {
    e.preventDefault()

    // 1.获取表单数据
    const forBox = document.querySelector('.register-form')  // 获取form表单
    const body = serialize(forBox, { hash: true, empty: true })  //插件收集表单数据
    let { username, password } = body   // 解构属性（等于只提炼出这两个属性，可以直接用）

    // 2. 表单元素验证
    if (!validatData(username, password)) {
        pxmu.fail('【用户名】或者【密码】不符合规范')
        return
    }

    // 3. 注册请求
    registerData(body)
})



